<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  
  <meta name="generator" content="Hugo 0.98.0" />

  
  <meta name="description" content="走在通往幸福的路上">
  

  
  <link rel="apple-touch-icon" sizes="180x180" href="https://blog.v5u.win/apple-touch-icon.png">

  
  <link rel="icon" type="image/png" sizes="32x32" href="https://blog.v5u.win/favicon-32x32.png">

  
  <link rel="icon" type="image/png" sizes="16x16" href="https://blog.v5u.win/favicon-16x16.png">

  
  <link rel="manifest" href="https://blog.v5u.win/site.webmanifest">

  
  <link rel="mask-icon" href="https://blog.v5u.win/safari-pinned-tab.svg" color="">

  <meta name="msapplication-TileColor" content="">

  <meta name="theme-color" content="">

  
  <link rel="stylesheet" href="https://blog.v5u.win/css/bootstrap.min.css" />

  
  <title>jekyll using standards 使用规范 | 为吾优</title>
  

  <style>
body {
  min-width: 300px;
}

.custom-navbar {
  margin-bottom: 1em;
  height: 60px;
}

.custom-navbar a {
  display: inline-block; 
  padding: 18px 0;
  margin-right: 1em; 
  font-weight: bold; 
}

.custom-navbar a:hover,
.custom-navbar a:focus {
  text-decoration: none; 
}

@media print {
  .custom-navbar {
    display: none;
  }
}

article {
  padding-bottom: 1em;
}

img {
  max-width: 100%;
}


body {
  background-color: #fff;
}



body {
  color: #212529;
}



a {
  color: #007bff;
}



a:hover,
a:focus {
  color: #0056b3;
}



.custom-navbar {
  background-color: #212529;
}



.custom-navbar a {
  color: rgba(255,255,255,.75);
}



.custom-navbar a:hover,
.custom-navbar a:focus {
  color: rgba(255,255,255,1);
}



.container {
  max-width: 800px;
}





</style>
</head>

<body>
  <nav class="custom-navbar">
  <div class="container">
    
    <a href="/">文章</a>
    
    <a href="/tags/">标签</a>
    
    <a href="/about/">关于</a>
    
    <a href="/index.xml">RSS</a>
    
  </div>
</nav>
  
  <div class="container">
    <article>
      <h1>jekyll using standards 使用规范</h1>
<h2 id="jekyll-using-standards-使用规范">jekyll using standards 使用规范</h2>
<ol>
<li>
<p>file命名格式：文章就是普通的文本文件，文件名假定为2012-08-25-hello-world.html。
(注意，文件名必须为&quot;年-月-日-文章标题.后缀名&quot;的格式。如果网页代码采用html格式，后缀名为html；如果采用markdown格式，后缀名为md。）</p>
</li>
<li>
<p>demo示例：在该文件中，填入以下内容：（注意，行首不能有空格）</p>
</li>
</ol>
<pre tabindex="0"><code>    ---
	layout: default
	title: 你好，世界
	---
	&lt;h2&gt;{{ page.title }}&lt;/h2&gt;
	&lt;p&gt;我的第一篇文章&lt;/p&gt;
    &lt;p&gt;{{ page.date | date_to_string }}&lt;/p&gt;
　　
</code></pre><ol start="3">
<li>
<p>元数据：每篇文章的头部，必须有一个yaml文件头，用来设置一些元数据。
它用三根短划线&quot;&mdash;&quot;，标记开始和结束，里面每一行设置一种元数据。&ldquo;layout:default&rdquo;，表示该文章的模板使用_layouts目录下的default.html文件；&ldquo;title: 你好，世界&rdquo;，表示该文章的标题是&quot;你好，世界&quot;，
如果不设置这个值，默认使用嵌入文件名的标题，即&quot;hello world&quot;。</p>
<p>每个页面都可以有自己的头信息，可以覆盖Jekyll和_config.yml里面的值</p>
<pre tabindex="0"><code>---
layout: post
title: 一步一步创建Jekyll主题
categories: [jekyll github markdown rouge]
date: 2016-9-3 15:47:05
excerpt: &#34;&#34;   # 覆盖清掉文章的摘要
pid: &#34;&#34;       # 新建一个pid的字符串变量
---
</code></pre></li>
<li>
<p>使用模板变量</p>
</li>
</ol>
<pre tabindex="0"><code>	在yaml文件头后面，就是文章的正式内容，里面可以使用模板变量。	{{ page.title }}就是文件头中设置的&#34;你好，世界&#34;，	{{ page.date }}则是嵌入文件名的日期（也可以在文件头重新定义date变量），&#34;| date_to_string&#34;表示将page.date变量转化成人类可读的格式。
</code></pre><ol start="5">
<li>发布</li>
</ol>
<p>前置条件：本地已经安装了jekyll程序。</p>
<pre tabindex="0"><code>本地安装jekyll
sudo gem install jekyll
本地预览：jekyll serve
gh-pages分支push jekyll源文件
master分支push `jekyll build` 后_site文件夹中的文件
GitHub pages服务器并不会自动帮你发布，也不会额外处理什么。
</code></pre><p>注意
config中baseurl根目录不要添加/，post.url解析出来的格式为 /2016/07/25/VPS.html</p>
<p><code>ps: 本地也需要安装builder工具，so 那为什么不用hexo？</code></p>
<p>文章参考:</p>
<p><a href="http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html">阮一峰的网络日志</a></p>
<p><a href="http://gitgj.oschina.io/2016/09/03/how-to-create-the-jekyll-theme.html">一步一步创建Jekyll主题</a></p>

    </article>
  </div>

  
  
  

  
</body>

</html>